

.h4 {
color:#0080ff;
border-top:1px dotted #0080ff;
border-bottom:1px dotted #0080ff;
padding:3px;
font-size:105%;

}
.h5 {
color:#289728;
border-bottom:1px solid #289728;
border-top:2px solid #289728;
padding:3px;

font-size:14px;
}
.post h5:hover {
color:#666;
border-bottom:1px solid #666;
}







.quote1 {
overflow:auto;width:503px;height:200px;
font-family: "Consolas", "Courier New", Courier, mono, serif;
color:#848176;
margin : 15px 35px 15px 15px;
padding : 10px 10px 10px 35px;
clear : both;
list-style-type : none;
background : #000000 url(http://1.bp.blogspot.com/-GYEvx8OT5-k/Tv1otrpKJ-I/AAAAAAAACE8/2ZNywOeZfLQ/s1600/2.JPG) repeat-y top left;
border : 1px solid #000000;
border-left:20px solid #ccc;
-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition-duration:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-border-radius:3px;-moz-border--moz-border-radius: 23px 20px 20px 20px;border-radius: 23px 20px 20px
}
.quote1:hover{
background : #000000 url(http://3.bp.blogspot.com/-nu-RARdmdqk/Tv1sXuE8gtI/AAAAAAAACFQ/mzYPiiWEaK0/s1600/1.jpg) repeat-y top left;
color:#FEF9BF;
border : 1px solid #000;
border-left:20px solid #ccc;
-webkit-box-shadow: 0px 0px 10px  rgba(0, 0, 0, .3);
-moz-box-shadow: 0px 0px 10px  rgba(0, 0, 0, .3);
box-shadow: 0px 0px 10px  rgba(0, 0, 0, .3);
box-shadow: 10px 10px 5px #888888;
}



.quote2{
overflow:auto;width:503px;height:200px;
font-family: "Consolas", "Courier New", Courier, mono, serif;
color:#848176;
margin : 15px 35px 15px 15px;
padding : 10px 10px 10px 35px;
clear : both;
list-style-type : none;
background : #000000 url(http://1.bp.blogspot.com/-WwXKd8sG8To/T92o8Z04vyI/AAAAAAAAAzY/YlyYg6XZ-LM/s1600/lightquote2.JPG) repeat-y top left;
border : 1px solid #000000;
border-left:20px solid #ccc;
-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition-duration:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-border-radius:3px;-moz-border--moz-border-radius: 23px 20px 20px 20px;border-radius: 23px 20px 20px
}
.quote2:hover{
background : #000000 url(http://2.bp.blogspot.com/-RE_oKOKNnV0/T92py44KJNI/AAAAAAAAAzg/x4Vwql-DItQ/s1600/lightquote.jpg) repeat-y top left;
color:#FEF9BF;
border : 1px solid #000;
border-left:20px solid #ccc;
-webkit-box-shadow: 0px 0px 10px  rgba(0, 0, 0, .3);
-moz-box-shadow: 0px 0px 10px  rgba(0, 0, 0, .3);
box-shadow: 0px 0px 10px  rgba(0, 0, 0, .3);
box-shadow: 10px 10px 5px #888888;
}








/* image hover start */
.hovergallery img{ 
-webkit-transform:scale(0.8); 
-moz-transform:scale(0.8); 
-o-transform:scale(0.8); 
-webkit-transition-duration: 0.5s; 
-moz-transition-duration: 0.5s; 
-o-transition-duration: 0.5s; 
opacity: 0.7; 
margin: 0 10px 5px 0; 
} 
.hovergallery img:hover{ 
-webkit-transform:scale(1.1); 
-moz-transform:scale(1.1); 
-o-transform:scale(1.1); 
opacity: 1; 
}
/* Image Hover ends*/